// 导入axios
import axios from 'axios';
// 导入路由，用于在响应拦截器中处理登录过期等情况
import router from '../router';
// import { log } from 'console';
import { showToast } from 'vant';

// 创建axios实例
const service = axios.create({
  // 基础URL，会自动加在请求URL前面
  baseURL: 'http://localhost:3000',
  // 请求超时时间
  timeout: 10000,
  // 请求头信息
  headers: {
    'Content-Type': 'application/json;charset=utf-8'
  },
  // 跨域请求是否需要凭证
  withCredentials: true
})

// 请求拦截器
service.interceptors.request.use(
  config => {
    const accesstoken = localStorage.getItem('accesstoken')
    if(accesstoken){
      config.headers.Authorization = 'Bearer ' + accesstoken
    }
    return config;
  },
  error => {
    // 请求错误处理
    console.error('请求错误:', error);
    return Promise.reject(error);
  }
)

// 响应拦截器
service.interceptors.response.use(
  // 响应成功处理
  response => {
    // 获取响应数据
    const res = response.data;
    
    // 根据自定义状态码判断请求是否成功
    if (res.code && res.code !== 200) {
      // 处理错误情况
      switch (res.code) {
        case 403: // 权限不足
          console.error('权限不足');
          break;
        case 500: // 服务器错误
          console.error('服务器错误');
          break;
        default:
          console.error(res.message || '未知错误');
      }
      
      // 返回错误信息
      return Promise.reject(new Error(res.message || '请求失败'));
    } else {
      // 请求成功，返回数据
      return res;
    }
  },
  // 响应错误处理
  async error => {
    // 获取错误信息
    let message = error.message || '请求失败';
    const originalrequest = error.config

    // 根据HTTP状态码处理错误
    if (error.response) {
      switch (error.response.status) {
        case 403:
          message = '拒绝访问';
          break;
        case 404:
          message = '请求的资源不存在';
          break;
        case 500:
          message = '服务器错误';
          break;
        case 401:
          message = '短token无效或者过期';
          if(originalrequest.url === '/refresh'){
            showToast('长token已经过期,请重新登录')
            router.push('/login')
            return Promise.reject(error)
          }
          if(originalrequest._retry) return Promise.reject(error)
          originalrequest._retry = true
          try{
            const res = await service.post('/refresh', {}, {withCredentials: true})
            const newtoken = res.data.accesstoken
            localStorage.setItem('accesstoken', newtoken)
            originalrequest.headers.authorization = 'Bearer ' + newtoken
            return service(originalrequest)
          }catch(err){
            console.error(err, '刷新token失败');
            router.push('/login')
            return Promise.reject(err)
          };
          break
        default:
          message = `请求失败: ${error.response.status}`;
      }
    } else if (error.request) {
      // 请求已发送但未收到响应
      message = '服务器无响应';
      showToast('服务器无响应，请检查网络连接')
    }
    console.error('响应错误:', message);
    return Promise.reject(error);
  }
);

// 封装GET请求
export function get(url, params, config = {}) {
  return service.get(url, { params, ...config });
}

// 封装POST请求
export function post(url, data, config = {}) {
  // 如果数据是 FormData，自动设置正确的 Content-Type
  if (data instanceof FormData) {
    config.headers = {
      ...config.headers,
      'Content-Type': 'multipart/form-data'
    }
  }
  
  return service.post(url, data, config);
}

// 封装PUT请求
export function put(url, data, config = {}) {
  return service.put(url, data, config);
}

// 封装DELETE请求
export function del(url, params, config = {}) {
  return service.delete(url, { params, ...config });
}

// 导出axios实例
export default service;
